/* 文件夹预览 */
.quick_view_container{
    position: absolute;
    z-index: 9000;
    width: 330px;
    .perfect_nine_t, .perfect_nine_b{
        font-size: 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .perfect_nine_t_m, .perfect_nine_b_m{
        font-size: 0;
        width: 100%;
        height: 10px;
        line-height: 0;
        overflow: hidden;
    }
    .perfect_nine_t_m{
        background: url(../img/quick_view.png) center top;
    }
    .perfect_nine_b_m{
        background: url(../img/quick_view.png) center bottom;
    }
    .perfect_nine_t_l, .perfect_nine_t_r, .perfect_nine_b_l, .perfect_nine_b_r{
        font-size: 0;
        line-height: 0;
        overflow: hidden;
        width: 15px;
        height: 10px;
        margin-top: -10px;
    }
    .perfect_nine_t_l{
        float: left;
        background: url(../img/quick_view.png) left top;
    }
    .perfect_nine_t_r{
        float: right;
        background: url(../img/quick_view.png) right top;
    }
    .perfect_nine_b_l{
        float: left;
        background: url(../img/quick_view.png) left bottom;
    }
    .perfect_nine_b_r{
        float: right;
        background: url(../img/quick_view.png) right bottom;
    }
    .perfect_nine_middle{
        overflow: hidden;
        zoom: 1;
    }
    .perfect_nine_m_l{
        width: 15px;
        position: relative;
        float: left;
    }
    .perfect_nine_m_r{
        width: 15px;
        position: relative;
        float: right;
    }
    .perfect_nine_m_l_t, .perfect_nine_m_l_m, .perfect_nine_m_l_b, .perfect_nine_m_r_t, .perfect_nine_m_r_m, .perfect_nine_m_r_b{
        position: absolute;
        font-size: 0;
        line-height: 0;
        width: 100%;
    }
    .perfect_nine_m_l_t{
        background: url(../img/quick_view_body.png) repeat-y left;
    }
    .perfect_nine_m_l_m{
        background: url(../img/quick_view.png) 0 -14px;
    }
    .perfect_nine_m_l_b{
        background: url(../img/quick_view_body.png) repeat-y left;
    }
    .perfect_nine_m_r_t{
        background: url(../img/quick_view_body.png) repeat-y right;
    }
    .perfect_nine_m_r_m{
        background: url(../img/quick_view.png) right -14px;
    }
    .perfect_nine_m_r_b{
        background: url(../img/quick_view_body.png) repeat-y right;
    }
    .perfect_nine_context{
        background: url(../img/quick_view_body.png) repeat-y center -35px;
        border: 0;
        margin-left: 15px;
        margin-right: 15px;
        .quick_view_container_control{
            overflow: hidden;
            .quick_view_container_open{
                float: right;
                display: block;
                width: 40px;
                padding: 2px 0 0 25px;
                height: 22px;
                background: url(../img/open.png) -80px 0 no-repeat;
                color: white;
                position: relative;
                &:hover{
                    background-position: 0 0;
                }
            }
        }
        .quick_view_container_list{
            width: 100%;
            position: relative;
            overflow: hidden;
            .quick_view_container_list_in{
                width: 100%;
                text-align: center;
                color: #fff;
                overflow-y: hidden;
                .appbtn{
                    position: relative;
                    margin: 1px 6px;
                    width: 48px;
                    height: 48px;
                    padding: 5px;
                    float: left;
                    &:hover{
                        background: rgba(255, 255, 255, 0.1);
                    }
                    div{
                        margin-top: 1px;
                        margin-left: 1px;
                        height: 32px;
                    }
                    img{
                        width: 32px;
                        height: 32px;
                    }
                    span{
                        background: none;
                        margin-top: 0;
                        padding: 0;
                        width: 48px;
                    }
                }
            }
            .scrollBar{
                @include border-radius(6px);
                display: none;
                position: absolute;
                z-index: 10;
                top: 0;
                right: 7px;
                width: 7px;
                height: 20px;
                background: url(../img/scrollbar_bgy.png) repeat-y;
            }
            .scrollBar_bgc{
                @include border-radius(5px);
                display: none;
                position: absolute;
                top: 0;
                right: 8px;
                width: 5px;
                height: 100%;
                background: url(../img/scrollbar_bg.png) repeat-y;
            }
        }
    }
}